<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
		
	</head>
	<body>
		<!--
			链接标签：<a></a>
		1.href属性：指向要链接的地址
		指向网址：href="网址（http://www.xxx.xx)"
		指向特定的页面：href+"指定的HTML文件"
		空链接： href="#"
		锚点链接:
		step1.设置锚点
		step2.href="#id名字"
		2.target属性：
		_blank :在新的窗口打开链接
		_self:在当前窗口打开链接 -->
		<a href="https://www.baidu.com/" target="_blank">百度一下</a>
		<a href="图片标签.html ">点击进入</a>
		<a herf="#">空链接</a>
		<p id="top">回到这里</p>
		<br><br><br><br><br><br>
		<br><br><br>
		<br><br><br><br><br>
		<a href="#top">点击回到P标签的位置</a>
		
			<!--图片标签：img 单标签
			src:source源：图片源，指向素材的地址；
			alt属性：图片加载错误提示
			width属性：给图片设置宽度
			height属性：给图片设置高度
			-->
			<img src="img/300.jpg" art="图片加载错误" width="100" height="100"/>
			<!-- 列表标签：
			无序标签
			有序标签
			自定义列表
			 -->
			 <ul> <!-- 表示无序列表 -->
				 <li>第一列</li><!-- 列标签 -->
				 <li>第二列</li>
				 <li>第三列</li>
			 </ul>
			 <ol> <!-- 表示有序列表 -->
				 <li>有序列表1</li><!-- 列标签 -->
				 <li>有序列表2</li>
				 <li><a href="https://www.mi.com">小米</a></li>
			 </ol>
			 <!-- 自定义列表：d1>dt>dd -->
			 <dl>
				 <dt>选购指南</dt>
				 <dd><a href="https://www.mi.com/shop/buy/detail?product_id=19752">手机</a></dd>
				 <dd>平板</dd>
				 <dd>电视机</dd>
			 </dl>
			<!-- 表格标签: table
			thead:表头部分
			tbody:表格数据单元格部分
			tr: table row: 表格的行
			th: table head: 表头
			td: table data 数据单元格
			border: 边框
			cellspacing:数据单元格之间的距离
			cellpadding:数据和边框的填充距离
			 -->
			 <table>
				 <thead>
					 <tr>
						 <th>学号</th>
						 <th>姓名</th>
						 <th>班级</th>
					 </tr>
				 </thead>
			 </table>
			 <tbody>
				<!-- 第一行数据 -->
				<tr>
					<td>张三</td>
					<td>李四</td>
					<td>王五</td>
				</tr>
			 </tbody>
			 
			
		
	</body>
</html>
